<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/css3.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
    <div class="top">
        <img src="img/c1.png" alt="丢丢的个人主页">
        <div>
            <img src="http://yuedu.fm/static/file/member/e5bfaf8781a2d1fc8be86d0c3a97ab3e" alt="">
        </div>
    </div>
    <div class="myhead">
        <div class="my-color"></div>
        <div class="my-name">
            <span>丢丢</span>
            <i class="iconfont icon-huatong"></i>
        </div>
        <div class="my-time">2013年06月23日加入 来自香港,中西区</div>
        <div class="my-pi">
            <img src="img/c2.png" alt="">
        </div>
        <div class="atten clearfix">
            <div class="atten-left">
                <span>关注 1</span>
                <div></div>
                <span>粉丝 88</span>
            </div>
            <div class="atten-right">关注</div>
        </div>
    </div>
    <div class="content container">
        <div class="ct clearfix">
            <div></div>
            <span class="ct1">丢丢的作品</span>
            <span class="ct2">（全部<span class="ct3">7</span>个）</span>
        </div>
        <div class="conli">
            <ol class="container clearfix">
                <li class="coni">
                    <img src="img/b3.png" alt="" class="coni1">
                    <p class="coni2">什么样的男生才是可以放心去爱...</p>
                </li>
                <li class="coni">
                    <img src="img/b4.png" alt="" class="coni1">
                    <p class="coni2">每四年，你会遇到一个真心喜欢...</p>
                </li>
                <li class="coni">
                    <img src="img/b5.png" alt="" class="coni1">
                    <p class="coni2">为什么要回家</p>
                </li>
                <li class="coni">
                    <img src="img/b6.png" alt="" class="coni1">
                    <p class="coni2">北京，北京</p>
                </li>
                <li class="coni">
                    <img src="img/b7.png" alt="" class="coni1">
                    <p class="coni2">最怕的是你永远也忘不掉</p>
                </li>
                <li class="coni">
                    <img src="img/b8.png" alt="" class="coni1">
                    <p class="coni2">你有权利不安和难过</p>
                </li>
                <li class="coni">
                    <img src="img/b9.png" alt="" class="coni1">
                    <p class="coni2">不是因为爱情，才会有爱情</p>
                </li>
            </ol>
        </div>
    </div>
    <div class="content container">
        <div class="ct clearfix">
            <div></div>
            <span class="ct1">丢丢的收藏</span>
            <span class="ct2">（全部<span class="ct3">2</span>个）</span>
        </div>
        <div class="conli">
            <ol class="container clearfix">
                <li class="coni">
                    <img src="img/b3.png" alt="" class="coni1">
                    <p class="coni2">什么样的男生才是可以放心去爱...</p>
                </li>
                <li class="coni">
                    <img src="img/b4.png" alt="" class="coni1">
                    <p class="coni2">每四年，你会遇到一个真心喜欢...</p>
                </li>
            </ol>
        </div>
    </div>
    <div class="bott">
        <div class="bottom container clearfix">
            <div class="bottom-left">
                <div class="bot1">
                    <span>关于我们</span>
                    <div></div>
                    <span>加入我们</span>
                </div>
                <div class="bot2">
                    © 2010-2016 Yuedu.fm All rights reserved   粤ICP备14076392号
                </div>
            </div>
            <div class="bottom-right">
                <div>
                    <span class="br1">
                        <img src="img/a15.png" alt="" class="im1">
                        <img src="img/b12.png" alt="" class="im2 im3">
                    </span>
                    <span class="br1">
                        <img src="img/a16.png" alt="" class="im1">
                        <img src="img/b13.png" alt="" class="im2 im4">
                    </span>
                    <span class="br1">
                        <img src="img/b15.png" alt="" class="im1">
                        <img src="img/b16.png" alt="" class="im2 im5">
                    </span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>